<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度</title>
    <link rel="stylesheet" href="baidu.css">
</head>
<body>
    <!-- 导航栏 -->
    <div id="topBody">
        <form action="">
            <div id="top">
                <div id="topLeft">
                    <ul>
                        <a href="https://news.baidu.com/" target="_blank" class="a">新闻</a>
                        <a href="https://www.hao123.com/?src=from_pc_logon" target="_blank" class="a">hao123</a>
                        <a href="http://map.baidu.com" target="_blank" class="a">地图</a>
                        <a href="https://tieba.baidu.com/index.html" target="_blank" class="a">贴吧</a>
                        <a href="https://haokan.baidu.com/?sfrom=baidu-top" target="_blank" class="a">视频</a>
                        <a href="https://image.baidu.com/" target="_blank" class="a">图片</a>
                        <a href="https://pan.baidu.com?from=1026962h" target="_blank" class="a">网盘</a>
                        <a href="https://www.baidu.com/more/" target="_blank" class="a">更多</a>
                    </ul>
                </div>
                <div id="topRight">
                    <a href="#" target="_blank" class="a">
                            北京
                        <img src="太阳.png" alt="" width="23px" height="23px">
                            11°C
                        <span class="name">
                            良
                        </span>
                    </a>
                    <!-- 设置 -->
                    <!-- <img src="头像.jpg" alt="头像" id="头像"> -->
                    <select name="设置" id="set">设置
                        <option value="">
                            <a href="#" target="_blank" class="a">搜索设置</a>
                        </option>
                        <option value="">
                            <a href="#" target="_blank" class="a">高级搜索</a>
                        </option>
                        <option value="">
                            <a href="#" target="_blank" class="a">关闭预测</a>
                        </option>
                        <option value="">
                            隐私设置
                        </option>
                        <option value="">
                            隐藏资讯
                        </option>
                        <option value="">
                            关闭播报
                        </option>
                        <hr>
                        <option value="">
                            更换皮肤
                        </option>
                    </select>
                    <a href="#" target="_blank" class="a">账号</a>
                </div>
            </div>
            
        </form>
    </div>
    <div id="center">
        <span>
            <img src="百度图标.png" alt="两会" width="300px" height="150px">
        </span>
        
    </div>
    <!-- 搜索框 -->
    <div id="searchBody">
        <form action="">
            <div class="search">
                <div id="searchInput">
                    <input type="text" id="camera">
                </div>
                <div id="searchButton">
                    <button >百度一下</button>
                </div>
                
            </div>
            
           
        </form>
    </div>
    <!-- 新闻 -->
    <div id="cen">
        <div id="centerLeft">
            <div id="centerleft-div">
                <div>
                    我的关注   推荐
                </div>
                <div id="centerleft-div-div">
                    <a href="https://mbd.baidu.com/newspage/data/videolanding?nid=sv_18281471058082760228&sourceFrom=pc_feedlist" 
                target="_blank" class="a">
                    <div id="img">
                        <img src="img1.jpg" alt="">
                    </div>
                    <div id="centerleft-a">
                        李雪琴被网友嘲笑没文化，结果一查百度北大毕业，又被装到了！
                    </div>
                </a>
                </div>
            </div>
        </div>
        <div id="centerRight">
            <div id="centerright-div">

            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div id="footer">
        &nbsp;
        <a href="https://home.baidu.com/" target="_blank" id="footerA">关于百度</a>
        <a href="https://ir.baidu.com/" target="_blank" id="footerA">About Baidu</a>
        <a href="https://www.baidu.com/duty" target="_blank" id="footerA">使用百度前必读</a>
        <a href="https://help.baidu.com/" target="_blank" id="footerA">帮助中心</a>
        <a href="https://e.baidu.com/?refer=1271" target="_blank" id="footerA">企业推广</a>
        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001" target="_blank" id="footerA">京公网安备11000002000001号</a>
        <a href="https://beian.miit.gov.cn/" target="_blank" id="footerA">京ICP证030173号</a>
        <a href="https://www.baidu.com/licence/" target="_blank" id="footerA">信息网络传播视听节目许可证 0110516</a>
        <span id="footerA">互联网宗教信息服务许可证编号: 京 (2022) 0000043</span>
        <a href="" target="_blank" id="footerA"></a>
    </div>
</body>
</html>